草庐IT

Vue + element-ui el-tree 虚拟滚动

全部标签

javascript - 使用纯 JS 滚动到 div(不是窗口)内的位置

纯JS,请不要使用JQUERY我有一个带溢出滚动的div,窗口(html/body)永远不会溢出。我有一个anchor链接列表,希望在单击它们时滚动到某个位置。基本上只是从div中寻找anchor滚动,而不是窗口。window.scrollTo等不起作用,因为窗口实际上从未溢出。简单测试用例http://codepen.io/mildrenben/pen/RPyzqmJadenava(data-goto="#1")1a(data-goto="#2")2a(data-goto="#3")3a(data-goto="#4")4a(data-goto="#5")5a(data-goto="#

javascript - Vue Js如何在单文件模板中使用mixins?

大家好,我是VueJS的新手,我正在尝试使用单个文件模板在我的过滤器上使用mixin,但我遇到了一些困难我得到的错误Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe"name"option.组件.jsVue.component('sideBarOne',require('./component/sidebars/sideBarOne.vue'));sideBarOne.vueimport{defaultasconfig}from'..

javascript - Vue.js : "TypeError: Cannot set property props of#<Object> which has only a getter"

我正在尝试实例化一个Vue组件,但出现错误:[Vuewarn]:Errorinrender:"TypeError:Cannotsetpropertypropsof#whichhasonlyagetter"(foundin)我也在使用库vuedraggable但我认为这个问题更多的是Vue问题而不是vuedraggable问题。下面是我的代码。这里是draggable-list.vue可拖动列表.jsconstdraggable=require("vuedraggable");module.exports={name:"draggable-list",components:{dragga

javascript - 将处理程序附加到窗口滚动事件

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭1年前。ImprovethisquestionJohnResig建议使用setInterval()以减少调用处理程序的次数-参见http://ejohn.org/blog/learning-from-twitter/John在博文中的解决方案:varouterPane=$details.find(".details-pane-outer"),didScroll=false;$(window).scroll(function(){did

javascript - Web 应用程序中具有自动淡入/淡出功能的 iPhone 样式滚动条

我正在制作一个网络应用程序,非常喜欢自动淡入和淡出的iPhone风格的滚动条。以前只在iOS产品上看到过,现在好像Facebook已经在Chat联系人列表中实现了。为什么我这么喜欢它?它会自动淡入和淡出,因此不那么突兀并且可以节省大量空间。当它显示时,它有效地位于div内部,而不是围绕它,再次有效地利用了空间。关于如何做到这一点有什么想法吗?不是MatteoSpinelli的“iScroll”采用“普通”滚动条(对于iOS产品当然是iOS样式)用于div。我试过使用JonathanAzoff的OverscrollJquery插件,但我似乎无法让它正常工作。我设法让滚动条在mouseen

javascript - 模拟虚拟世界 : continuous or discrete steps?

我正在制作类似于Polyworld的东西,这意味着我将模拟小爬行者在其中跑来跑去、进食和进化的虚拟世界。我正在用Node.js做,我计划使用物理和神经网络,但我不确定更新世界的最佳方式是什么,更具体地说,更新函数是否应该接收增量时间作为参数,或者每次都做同样的事情,独立于他们上次被调用的时间?这两种方式的好处是什么?编辑:我反对连续更新的一点是我想实现某种间隔,例如,每20模拟秒生成一个食物block。如果dt不同于1(或1的分数),这将永远无法精确工作。话又说回来,如果我使用离散更新,其中更新不关心经过了多少时间,我将无法“减慢时间”。当我让它在功能强大的服务器上运行并在浏览器中呈现

javascript - Vue.js - 应该使用哪个组件生命周期来获取数据?

在阅读了Alligator.io的一篇关于Vue的帖子后,它说挂载的生命周期不适合使用httpget。我想知道是否有关于如何在Vue.js中正确地从API获取数据的指南? 最佳答案 我更喜欢在创建的钩子(Hook)中调用API。引自alligator.io:Inthecreatedhook,youwillbeabletoaccessreactivedataandeventsareactive.TemplatesandVirtualDOMhavenotyetbeenmountedorrendered.因此,如果需要,您可以轻松访问数据

javascript - 如何将 vue.js 与 django 集成?

这是带有vue.js的单页应用程序,它进行了一些简单的计算,我试图在django中实现这个计算,但它没有给我想要的结果。在这里,我在vue.js中创建了动态数组,这只完美地显示了产品的图像,但没有显示product.name和product.sell_price以及@click.prevent="addToCart(product)"这个功能不起作用??我该如何解决?vue.jsnewVue({el:'#posApp',data:{total:0,discount:0,products:[{%forproductinproducts%}{"id":{{product.id}},"nam

javascript - 如何在不自动滚动整个页面的情况下使用 anchor 标记在 div 内滚动?

我想使用anchor标签在网页的div内滚动。但是,当我点击anchor标签时,整个页面跳转到div中的anchor标签。div中的内容应该滚动,网页主体不会自动滚动。数周以来,我一直在谷歌上搜索并试图解决这个问题,但尚未找到可接受的解决方案。这似乎也是一个非常常见的问题。我对javascript知之甚少,但据我所知,似乎有两种可能的方法可以实现这一点:1。使页面主体只能通过鼠标滚轮/手动滚动,而不是anchor标记。这将仅适用于正文,而不适用于其他元素。-或-2。滚动到div内的anchor标记,并在它影响body之前取消该过程。如果它没有将anchor标记添加到url,将是一个奖励

javascript - 测试 Vue.js 组件

我想测试一个Vue.js组件,但我失败了。简单地说,我正在设置一个组件属性,我想断言它设置正确。如果这很重要,模块将加载导出,并使用Webpack输出JS。//componentexports=module.exports={};module.exports={data:function(){return{active:false};},methods:{'close':function(){console.log(this.active);//->truethis.active=false;console.log(this.active);//->false}}};//compone